<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看首页-视频广告</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <!--<link rel="stylesheet" href="/plugins/video-js/video-js.css">-->
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/de/prismplayer/2.7.2/skins/default/aliplayer-min.css" />
    <link rel="stylesheet" href="/css/see/adDetails1.min.css?v=<%=$version%>">
</head>
<body>
<div id="adDetails" v-cloak>
    <div class="adDetails-top" v-if="isVideo">
        <span class="adDetails-goback" @click="getBack()"></span>
        <!--<span class="adDetails-qshera" @click="getShare()"></span>-->
        <!--<span class="adDetails-more" @click="hideTip()"></span>-->
    </div>
    <div class="adDetails-video" :class="{myVideo:isVideo}">
        <div id="my-video"></div>
        <!--<video id="my-video" class="video-js" controls preload="auto" poster="/imgs/happyi/index/bpic1.png" data-setup="{}"-->
               <!--webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5"-->
               <!--x5-video-orientation="h5" x5-video-player-fullscreen="true">-->
            <!--<source src="" type="video/mp4">-->
            <!--&lt;!&ndash;<source src="http://47.95.5.235:8081/file//userfiles/1/files/hkEnterpriseAdv/2018/05/a.flv" type="video/flv">&ndash;&gt;-->
            <!--<p class="vjs-no-js">-->
                <!--To view this video please enable JavaScript, and consider upgrading to a web browser that-->
                <!--<a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>-->
            <!--</p>-->
        <!--</video>-->
        <div class="video-mask1" @click="getIsVideo(1)"></div>
        <div class="video-mask" :class="{videoShow:isVideo}">
            <!--<span class="adDetails-qlost" @click="getLastvideo()"></span>-->
            <span class="adDetails-qplay" @click="getVideoPlay(1)" v-if="isNav==2"></span>
            <span class="adDetails-holdonplay" @click="getVideoPause(1)" v-if="isNav==1"></span>
            <!--<span class="adDetails-qnest" @click="getNextvideo()"></span>-->
        </div>
    </div>
    <div class="adDetails-videoInfo">
        <h6>{{enterpriseAdvById.title}}</h6>
        <p>{{createDate}}发布<span>&bull;</span>{{enterpriseAdvById.playCount}}次观看</p>
     <!--   <div class="adDetails-vdmoney">
            &lt;!&ndash;<div class="vdmoney-ball">&ndash;&gt;
                &lt;!&ndash;<canvas id="vdmoney"></canvas>&ndash;&gt;
                &lt;!&ndash;<span class="adDetails-icon"></span>&ndash;&gt;
            &lt;!&ndash;</div>&ndash;&gt;
            <div class="vdmoney-cent" :class="{'vdmoney-cent1':num==2}"></div>
            <p v-if="num==3">领取失败</p>
            <p v-if="num==2&&playEnterpriseAdvById.integral>0">已领取</p>
            <p v-if="num==1">{{totalTime}}s</p>
            <p v-if="num==4">已领过</p>
        </div>-->
    </div>
    <div class="adDetails-other clearfix">
        <!--<span class="adDetails-jubao">举报</span>-->
        <a><span class="adDetails-qshera1" @click="getShare()">分享</span></a>
        <a><span :class="collectionState==1?'adDetails-markbook1':'adDetails-markbook'" @click="getCollection()">收藏</span></a>
        <a><span :class="praiseState==1?'adDetails-good1':'adDetails-good'" @click="getPraise()">点赞</span></a>
    </div>
    <!--<div class="adDetails-videoUser">-->
        <!--<span class="videoUser-head" :style="bgimg(enterpriseAdvById.headImg)" @click="getNext(3)"></span>-->
        <!--<h6>{{enterpriseAdvById.uName}}</h6>-->
        <!--<p>{{enterpriseAdvById.follows}}关注</p>-->
        <!--&lt;!&ndash;<div class="videoUser-circle">圈子&ndash;&gt;-->
            <!--&lt;!&ndash;<span>{{enterpriseAdvById.circle}}</span>&ndash;&gt;-->
        <!--&lt;!&ndash;</div>&ndash;&gt;-->
        <!--<span class="videoUser-Right" @click="getNext(3)"></span>-->
    <!--</div>-->
<!--    <div class="adDetails-official">
        <div class="adDetails-atlasTitle">企业官方视频</div>
        <div class="official-video">
            <div id="my-video1" :style="bgimg(enterpriseAdvById.officiaImgSrc)"></div>
            <div class="official-mask1" @click="getIsVideo(2)"></div>
            <div class="official-mask" v-if="isVideo1">
                <strong class="official-btn adDetails-qplay" v-if="enterpriseAdvById.officiaVideo&&isNav1==2" @click="getVideoPlay(2)"></strong>
                <span class="official-btn adDetails-holdonplay" @click="getVideoPause(2)" v-if="isNav1==1"></span>
            </div>

        </div>
    </div>-->
    <!--<div class="adDetails-atlas">-->
        <!--<div class="adDetails-atlasTitle">图集</div>-->
        <!--<div class="swiper-container">-->
            <!--<div class="swiper-wrapper">-->
                <!--&lt;!&ndash;<div class="swiper-slide" v-for="item in allAlbumByUserId.list">&ndash;&gt;-->
                    <!--&lt;!&ndash;<img :src="item.coverPhoto" class="swiper-lazy">&ndash;&gt;-->
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--<div class="swiper-slide">-->
                    <!--<img data-src="/imgs/happyi/index/bpic1.png" class="swiper-lazy">-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div> v-if="enterpriseAdvById&&enterpriseAdvById.productId"-->
    <!--<div class="adDetails-product">
        <div class="adDetails-atlasTitle">旗下产品</div>
        <div class="swiper-container" v-if="enterpriseAdvById&&enterpriseAdvById.productId">
            <div class="swiper-wrapper">
                <div class="swiper-slide" v-for="(item,index) in enterpriseAdvById.productId" @click="getNext(1,item)">
                    <strong :style="bgimg(item.imgSrc)"></strong>
                    <h6>{{item.title}}</h6>
                </div>
                &lt;!&ndash;<div class="swiper-slide">&ndash;&gt;
                    &lt;!&ndash;<strong style="background-image: url('/imgs/happyi/index/bpic1.png')"></strong>&ndash;&gt;
                    &lt;!&ndash;&lt;!&ndash;<img data-src="/imgs/happyi/index/bpic1.png" class="swiper-lazy">&ndash;&gt;&ndash;&gt;
                    &lt;!&ndash;<h6>{55555</h6>&ndash;&gt;
                &lt;!&ndash;</div>&ndash;&gt;
            </div>
        </div>
        <div class="adDetails-productButt" v-else>
            <div>产品展示区</div>
            <span>暂无商品</span>
        </div>
        &lt;!&ndash;<div class="adDetails-pductList clearfix">&ndash;&gt;
            &lt;!&ndash;<a v-for="(item,index) in enterpriseAdvById.productId" v-if="index<4" @click="getNext(1,item)">&ndash;&gt;
                &lt;!&ndash;<img :src="item.imgSrc" class="lazy">&ndash;&gt;
                &lt;!&ndash;<h6>{{item.title}}</h6>&ndash;&gt;
                &lt;!&ndash;&lt;!&ndash;<p>{{item.price}}</p>&ndash;&gt;&ndash;&gt;
            &lt;!&ndash;</a>&ndash;&gt;
            &lt;!&ndash;&lt;!&ndash;<a>&ndash;&gt;&ndash;&gt;
                &lt;!&ndash;&lt;!&ndash;<img data-original="/imgs/happyi/index/bpic1.png" class="lazy">&ndash;&gt;&ndash;&gt;
                &lt;!&ndash;&lt;!&ndash;<h6>kslkdj</h6>&ndash;&gt;&ndash;&gt;
                &lt;!&ndash;&lt;!&ndash;<p>18.23-23万</p>&ndash;&gt;&ndash;&gt;
            &lt;!&ndash;&lt;!&ndash;</a>&ndash;&gt;&ndash;&gt;
        &lt;!&ndash;</div>&ndash;&gt;
    </div>-->
    <div class="adDetails-cent">
        <div class="adDetails-centTitle">相关视频
            <!--<span class="adDetails-centBtn" :class="{'adDetails-centBtn1':!isContinuity}" @click="getContinuity()"></span>-->
        </div>
        <div class="adDetails-centList clearfix" @click="getNext(2,item.id)" v-for="item in enterpriseAdvById.recommends">
            <div class="centList-img">
                <img :src="item.coverImgSrc" class="lazy">
                <span>{{item.vedioLength}}</span>
            </div>
            <h6>{{item.title}}</h6>
            <p>{{item.name}}<span>&bull;</span>{{item.playCount}}次观看</p>
        </div>
    </div>
    <div id="redTips" :class="{'maskShow':isScreen==3}" @click="getIsScreen()">
        <p><span>+{{playEnterpriseAdvById.integral}}</span>乐币</p>
        <strong @click="getIsScreen()"></strong>
    </div>
    <div id="redTips1" :class="{'maskShow':isScreen==1}" @click="getIsScreen()">
        <p><span>+{{playEnterpriseAdvById.integral}}</span>乐豆</p>
        <strong @click="getIsScreen()"></strong>
    </div>
    <div id="mask" :class="{'maskShow':isShare}"></div>
    <div id="maskBox" :class="{'maskShow':isShare}">
        <div class="maskBox-top">分享到</div>
        <div class="maskBox-cent">
            <span class="maskBox-icon" @click="getChoice(1)">好友</span>
            <!--<span class="maskBox-icon1" @click="getChoice(2)">圈子</span>-->
        </div>
        <div class="maskBox-btn" @click="getShare()">取消</div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<!--<script type="text/javascript" src="/plugins/video-js/video.min.js"></script>-->
<script charset="utf-8" type="text/javascript" src="//g.alicdn.com/de/prismplayer/2.7.2/aliplayer-min.js"></script>
<script type="text/javascript" src="/js/see/adDetails1.js?v=<%=$version%>"></script>
<script>
    $("img.lazy").lazyload();
    var swiper = new Swiper(".adDetails-product .swiper-container",{
        spaceBetween: 10,
        slidesPerView: 'auto',
        freeMode: true,
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 2
        },
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
</script>
</body>
</html>